<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org">
<head>
    <title>404</title>
    <div th:replace="common/base"></div>
    <style>
        .error-page {
            position: absolute;
            top: 50%;
            width: 100%;
            text-align: center;
            -o-transform: translateY(-50%);
            -ms-transform: translateY(-50%);
            -moz-transform: translateY(-50%);
            -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
        }

        .error-page .error-page-img {
            display: inline-block;
            height: 260px;
            margin: 10px 15px;
        }

        .error-page .error-page-info {
            vertical-align: middle;
            display: inline-block;
            margin: 10px 15px;
        }

        .error-page .error-page-info > h1 {
            color: #434e59;
            font-size: 72px;
            font-weight: 600;
        }

        .error-page .error-page-info > p {
            color: #777;
            font-size: 20px;
            margin-top: 5px;
        }

        .error-page .error-page-info > div {
            margin-top: 30px;
        }
    </style>
</head>
<body>
<!-- 正文开始 -->
<div class="error-page">
    <img class="error-page-img" src="/admin-ui/images/ic_404.png">
    <div class="error-page-info">
        <h1>404</h1>
        <p>啊哦，你访问的页面不存在(⋟﹏⋞)</p>
        <div>
            <a href="javascript:;" layuimini-content-href="welcome" data-title="首页" class="layui-btn">返回首页</a>
        </div>
    </div>
</div>
<div th:replace="common/baseJS"></div>
<script th:inline="none">
    layui.use(['miniTab'], function () {
        var $ = layui.jquery,
            miniTab = layui.miniTab;
        miniTab.listen();
    });
</script>
</body>
</html>